/*============================================================================
  Typography - define the typography style
==============================================================================*/

/*============================================================================
  Bebas 
  Foundry: Flat It, http://flat-it.com 
  Contributors: Ryoichi Tsunekawa Bagel 
  License: Flat-It License, http://kernest.com/images/Flat-itLicense.txt
==============================================================================*/

@font-face {
    font-family: 'Bebas';
    src: url('../fonts/Bebas/bebas.svg#bebas') format('svg'), url('../fonts/Bebas/bebas.woff') format('woff'),  url('../fonts/Bebas/bebas.ttf') format('truetype');
}

/* ---- [Basic] -------------------------------- */

body {
    font-family: Helvetica, Arial, sans-serif;;
    font-size: 14px;
    line-height: 1.5;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

address {
    margin: 0 0 10px;
}

/* ---- [Abbreviations and Acronyms] ----------- */

abbr, acronym {
    text-transform: uppercase;
    font-size: 90%;
    border-bottom: 1px solid #666;
}

/* ---- [Headers] ------------------------------ */

h1, h2, h3, h4, h5, h6 {
    position: relative;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #4f4f4f;
}

h2.big-header,
h1 {
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 20px;
}

h1.small-header,
h3.big-header,
h2 {
    font-size: 17px;
    line-height: 1.3;
}
    
    .page-navigation h2 {
        color: #a4540d;
        text-transform: uppercase;
    }
    
    h2.search {
        text-transform: none;
        font-size: inherit;
        font-weight: normal;
        color: #000;
    }
    
h2.small-header,
h4.big-header,
h3 {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
}

    .street-address  {
        font-size: 16px;
    }

    .menu-details-page h3 {
        margin-bottom: 8px;
    }

h3.small-header,
h5.big-header,
h4 {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 8px;
}

    .flat-page #Content div.row h3 {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 8px;
    }

h5,
h6 {
    font-size: 12px;
    line-height: 1.1;
    margin-bottom: 3px;
    color: #a18e79;
}

h6 {
    font-size: 11px;
}

/* ---- [Inline and Text Blocks] --------------- */

p {
    margin: 0 0 10px;
}

    .flat-content h2 {
        font-size: 14px;
        font-weight: normal;
        margin: 0;
    }

.manager-title {
    font-size: inherit;
    font-weight: bold;
}

/* ---- [Links] -------------------------------- */

a {
    color: #a4540d;
    font-weight: bold;
    text-decoration: none;
        -webkit-tap-highlight-color: rgba(154, 46, 0, 0.7);
}

a abbr,
a acronym {
    border: none;
}

a.button {
    color: #5b5046;
}

a.button:hover {
    text-decoration: none;
}

a.current {
    color: #ccc;
    font-weight: bold;
}

/* ---- [Forms] -------------------------------- */

label {
    display: block;
    margin-bottom: 6px;
    line-height: 1.2;
    font-size: 13px;
    font-weight: bold;
    color: #4f4f4f;
}

/* ---- [Chrome] ---------------------- */

#NavLocator a {
    font-family: 'Bebas';
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    text-align: center;
}

/* ---- [Chrome Blocks] -------------------- */

.chrome-block {
    font-size: 12px;
    color: #a18e79;
}

.chrome-block a {
    color: #f1e9da;
}

#Favorite {
    font-size: 11px;
    line-height: 1.3;
}

#Favorite .label {
    font-size: inherit;
    line-height: inherit;
    font-weight: bold;
    color: #a18e79;
}

#Favorite .location {
    line-height: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ---- [Carousel] -------------------------- */

#Carousel .caption {
    font-family: 'Bebas';
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
}

#Carousel .caption a {
    color: #fff;
}

.promo-details-page .promo-image {
    text-align: center;
}

/* ---- [Content Navigation] ---------------- */

.button-list a  {
    font-size: 15px;
}

/* ---- [Search] -------------------- */

.search-page .tag small {
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
    color: #fff;
}


/* ---- [Blog] -------------------- */

.blog-page .pubdate {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.blog-title {
    font-size: 15px;
    vertical-align: middle;
}

.read-more {
    text-align: right;
}

.blog-detail-page h2 {
    text-transform: none;
}

.blog-detail-share h3 {
    font-size: 12px;
}

/* ---- [Pagination] -------------------- */

.pagination-pages li {
    font-size: 14px;
}

.pagination-pages a {
    text-align: center;
}

.pagination-pages a.active {
    color: #4f4f4f;
}

/* ---- [Footer] ------------------------------- */

footer {
    font-size: 12px;
}

#FooterNav ul {
    line-height: 1.3;
    font-weight: bold;
}

#Footer a {
    color: #f1e9da;
}

    #NavStandard {
        text-align: right;
    }

#Copyright {
    font-weight: bold;
    text-align: center;
    color: #423425;
}